<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"   
      xmlns:p="http://primefaces.org/ui">

    <h:form onsubmit="return checkSubmit();"  id="frmGestionCobranza" >
        <p:growl id="gMessages" showDetail="false" autoUpdate="true" />
        <p:panel id="pnlDatosCliente" header="#{i18n['cobranza.gestion']} - #{cobranzaMBean.dtoPopup.clienteDto.nombresApellidos} - #{cobranzaMBean.dtoPopup.empresaCobranzaDto.razonSocial} - #{cobranzaMBean.dtoPopup.id}" style="#{applicationMBean.estiloTitulo}">
            <h:outputLabel value="#{i18n['cobranza.informacion.cliente']}" styleClass="subTitulo"/>
            <p:separator />
            <h:panelGrid columns="4" cellpadding="5">
                <h:panelGrid columns="2" cellpadding="5">
                    <h:outputLabel value="#{i18n['cobranza.empresa']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.empresaCobranzaDto.razonSocial}" styleClass="mensajeRojo"/>

                    <h:outputLabel value="#{i18n['cobranza.tipo.nro.documento']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.clienteDto.tipoNumeroDocumento}" styleClass="mensajeCeleste"/>

                    <h:outputLabel value="#{i18n['cobranza.nombres']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.clienteDto.nombres}" styleClass="mensajeCeleste"/>

                    <h:outputLabel value="#{i18n['cobranza.apellido.paterno']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.clienteDto.apellidoPaterno}" styleClass="mensajeCeleste"/>

                    <h:outputLabel value="#{i18n['cobranza.apellido.materno']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.clienteDto.apellidoMaterno}" styleClass="mensajeCeleste"/>

                    <h:outputLabel value="#{i18n['cobranza.fecha.nacimiento']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.clienteDto.fechaNacimiento}" styleClass="general">
                        <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/>
                    </h:outputText>

                    <h:outputLabel value="#{i18n['cobranza.edad']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.clienteDto.edad}" styleClass="general"/>

                    <h:outputLabel value="#{i18n['cobranza.sexo']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.clienteDto.sexoTexto}" styleClass="general"/>

                    <p:commandButton title="#{i18n['general.button.guardar.tip']}" ajax="true"
                                     icon="ui-icon ui-icon-disk" update=":frmPrincipal, :frmGestionCobranza ,:frmGestionCobranza:gMessages"                                     
                                     style="#{applicationMBean.estilosBtnGuardar}" 
                                     value="#{i18n['general.button.guardar']}"
                                     actionListener="#{cobranzaMBean.guardarCliente}">
                    </p:commandButton>
                </h:panelGrid>
                <h:panelGrid>
                    <h:outputLabel value="#{i18n['cobranza.direccion.domiciliar']}" styleClass="subTitulo"/>
                    <p:separator />
                    <h:panelGrid columns="2" cellpadding="5">
                        <h:outputLabel value="#{i18n['cobranza.direccion']}" styleClass="label"/>
                        <p:inputText id="itDirDomiciliarPopup" label="#{i18n['cobranza.direccion']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.direccionDomiciliar}"
                                     size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="500" minimum="0"/>
                        </p:inputText>

                        <h:outputLabel value="#{i18n['cobranza.referencia']}" styleClass="label"/>
                        <p:inputText id="itRefDomiciliarPopup" label="#{i18n['cobranza.referencia']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.referenciaDomiciliar}"
                                     size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="500" minimum="0"/>
                        </p:inputText>

                        <h:outputLabel for="itUbigeo" value="#{i18n['cliente.ubigeo']}" styleClass="label"/>
                        <p:autoComplete id="itUbigeo" value="#{cobranzaMBean.dtoPopup.clienteDto.ubigeoDto}"  completeMethod="#{clienteMBean.autoCompletarUbigeo}"
                                        label="#{i18n['cliente.ubigeo']}" maxResults="10" minQueryLength="#{applicationMBean.minQueryLengthAutoComplete}" queryDelay="1" 
                                        converter="ubigeoConvert" var="sn" itemLabel="#{sn.descripcion}" itemValue="#{sn}" size="50" forceSelection="true">
                            <p:column style="#{applicationMBean.estiloObligatorio}" > 
                                #{sn.descripcion}
                            </p:column> 
                        </p:autoComplete>
                    </h:panelGrid>

                    <h:outputLabel value="#{i18n['cobranza.direccion.laboral']}" styleClass="subTitulo"/>
                    <p:separator />
                    <h:panelGrid columns="2" cellpadding="5">
                        <h:outputLabel value="#{i18n['cobranza.direccion']}" styleClass="label"/>
                        <p:inputText id="itDirLaboralPopup" label="#{i18n['cobranza.direccion']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.direccionLaboral}"
                                     size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="500" minimum="0"/>
                        </p:inputText>

                        <h:outputLabel value="#{i18n['cobranza.referencia']}" styleClass="label"/>
                        <p:inputText id="itRefLaboralPopup" label="#{i18n['cobranza.referencia']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.referenciaLaboral}"
                                     size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="500" minimum="0"/>
                        </p:inputText>

                        <h:outputLabel for="itEmpUbigeo" value="#{i18n['cliente.empresa.ubigeo']}" styleClass="label"/>
                        <p:autoComplete id="itEmpUbigeo" value="#{cobranzaMBean.dtoPopup.clienteDto.empUbigeoDto}"  completeMethod="#{clienteMBean.autoCompletarUbigeo}"
                                        label="#{i18n['cliente.empresa.ubigeo']}" maxResults="10" minQueryLength="#{applicationMBean.minQueryLengthAutoComplete}" queryDelay="1" 
                                        converter="ubigeoConvert" var="sn" itemLabel="#{sn.descripcion}" itemValue="#{sn}" size="50" forceSelection="true">
                            <p:column style="#{applicationMBean.estiloObligatorio}" > 
                                #{sn.descripcion}
                            </p:column> 
                        </p:autoComplete>
                    </h:panelGrid>
                </h:panelGrid>

                <h:panelGrid>
                    <h:outputLabel value="#{i18n['cobranza.informacion.cliente']}" styleClass="subTitulo"/>            
                    <p:separator />
                    <h:panelGrid columns="3" cellpadding="5">
                        <h:outputLabel value="#{i18n['cobranza.telefono.domiciliar']}" styleClass="label"/>
                        <p:inputText id="itTelDomiciliarPopup" label="#{i18n['cobranza.telefono.domiciliar']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.telefonoDomiciliar}" onkeypress="return fn_validaTecla('entero',this)"
                                     size="13" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="20" minimum="0"/>
                        </p:inputText>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear" 
                                         ajax="true" immediate="true"                                     
                                         update=":frmGestionCobranza" disabled="#{cobranzaMBean.dtoPopup.clienteDto.telefonoDomiciliar == null || cobranzaMBean.dtoPopup.clienteDto.telefonoDomiciliar.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.clienteDto.telefonoDomiciliar}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.telefono.laboral']}" styleClass="label"/>
                        <p:inputText id="itTelLaboralPopup" label="#{i18n['cobranza.telefono.laboral']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.telefonoLaboral}" onkeypress="return fn_validaTecla('entero',this)"
                                     size="13" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="20" minimum="0"/>
                        </p:inputText>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.clienteDto.telefonoLaboral == null || cobranzaMBean.dtoPopup.clienteDto.telefonoLaboral.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.clienteDto.telefonoLaboral}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.cel.personal']}" styleClass="label"/>
                        <p:inputText id="itCelPersonalPopup" label="#{i18n['cobranza.cel.personal']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.telefonoCelular1}" onkeypress="return fn_validaTecla('entero',this)"
                                     size="13" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="20" minimum="0"/>
                        </p:inputText>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.clienteDto.telefonoCelular1 == null || cobranzaMBean.dtoPopup.clienteDto.telefonoCelular1.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.clienteDto.telefonoCelular1}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.cel.laboral']}" styleClass="label"/>
                        <p:inputText id="itCelLaboralPopup" label="#{i18n['cobranza.cel.laboral']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.telefonoCelular2}" onkeypress="return fn_validaTecla('entero',this)"
                                     size="13" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="20" minimum="0"/>
                        </p:inputText>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.clienteDto.telefonoCelular2 == null || cobranzaMBean.dtoPopup.clienteDto.telefonoCelular2.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.clienteDto.telefonoCelular2}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.telefono.otro.1']}" styleClass="label"/>
                        <p:inputText id="itOtro1Popup" label="#{i18n['cobranza.telefono.otro.1']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.telOtro1}" onkeypress="return fn_validaTecla('entero',this)"
                                     size="13" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="20" minimum="0"/>
                        </p:inputText>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.clienteDto.telOtro1 == null || cobranzaMBean.dtoPopup.clienteDto.telOtro1.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.clienteDto.telOtro1}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.telefono.otro.2']}" styleClass="label"/>
                        <p:inputText id="itOtro2Popup" label="#{i18n['cobranza.telefono.otro.2']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.telOtro2}" onkeypress="return fn_validaTecla('entero',this)"
                                     size="13" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="20" minimum="0"/>
                        </p:inputText>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.clienteDto.telOtro2 == null || cobranzaMBean.dtoPopup.clienteDto.telOtro2.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.clienteDto.telOtro2}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.telefono.otro.3']}" styleClass="label"/>
                        <p:inputText id="itOtro3Popup" label="#{i18n['cobranza.telefono.otro.3']}"
                                     value="#{cobranzaMBean.dtoPopup.clienteDto.telOtro3}" onkeypress="return fn_validaTecla('entero',this)"
                                     size="13" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="20" minimum="0"/>
                        </p:inputText>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.clienteDto.telOtro3 == null || cobranzaMBean.dtoPopup.clienteDto.telOtro3.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.clienteDto.telOtro3}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>
                    </h:panelGrid>                    
                </h:panelGrid>

                <h:panelGrid>
                    <h:outputLabel value="#{i18n['cobranza.informacion.empresa.cliente']}" styleClass="subTitulo"/>            
                    <p:separator />
                    <h:panelGrid columns="3" cellpadding="5">
                        <h:outputLabel value="#{i18n['cobranza.telefono.domiciliar']}" styleClass="label"/>
                        <h:outputText value="#{cobranzaMBean.dtoPopup.telefonoDomiciliar}" styleClass="general"/>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.telefonoDomiciliar == null || cobranzaMBean.dtoPopup.telefonoDomiciliar.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.telefonoDomiciliar}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.telefono.laboral']}" styleClass="label"/>
                        <h:outputText value="#{cobranzaMBean.dtoPopup.telefonoLaboral}" styleClass="general"/>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.telefonoLaboral == null || cobranzaMBean.dtoPopup.telefonoLaboral.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.telefonoLaboral}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.cel.personal']}" styleClass="label"/>
                        <h:outputText value="#{cobranzaMBean.dtoPopup.telefonoCelular1}" styleClass="general"/>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.telefonoCelular1 == null || cobranzaMBean.dtoPopup.telefonoCelular1.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.telefonoCelular1}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.cel.laboral']}" styleClass="label"/>
                        <h:outputText value="#{cobranzaMBean.dtoPopup.telefonoCelular2}" styleClass="general"/>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.telefonoCelular2 == null || cobranzaMBean.dtoPopup.telefonoCelular2.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.telefonoCelular2}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.telefono.otro.1']}" styleClass="label"/>
                        <h:outputText value="#{cobranzaMBean.dtoPopup.telOtro1}" styleClass="general"/>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.telOtro1 == null || cobranzaMBean.dtoPopup.telOtro1.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.telOtro1}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.telefono.otro.2']}" styleClass="label"/>
                        <h:outputText value="#{cobranzaMBean.dtoPopup.telOtro2}" styleClass="general"/>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.telOtro2 == null || cobranzaMBean.dtoPopup.telOtro2.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.telOtro2}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>

                        <h:outputLabel value="#{i18n['cobranza.telefono.otro.3']}" styleClass="label"/>
                        <h:outputText value="#{cobranzaMBean.dtoPopup.telOtro3}" styleClass="general"/>
                        <p:commandButton title="#{i18n['cobranza.nueva.accion']}"
                                         icon="ui-icon  ui-icon-gear"
                                         ajax="true" immediate="true"
                                         update=":frmGestionCobranza"
                                         disabled="#{cobranzaMBean.dtoPopup.telOtro3 == null || cobranzaMBean.dtoPopup.telOtro3.length() == 0}"
                                         action="#{cobranzaMBean.nuevaAccion}">
                            <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.telOtro3}" target="#{cobranzaMBean.telComunicacion}"/>
                        </p:commandButton>
                    </h:panelGrid>
                </h:panelGrid>

            </h:panelGrid>

            <h:outputLabel value="#{i18n['cobranza.deuda.cliente']}" styleClass="subTitulo"/>
            <p:separator />
            <h:panelGrid>
                <h:panelGrid columns="14" cellpadding="5">
                    <h:outputLabel value="#{i18n['cobranza.producto']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.productoEmpresaDto.descripcion}" styleClass="general"/>

                    <h:outputLabel value="#{i18n['cobranza.cuotas']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.totalCuotas}" styleClass="general"/>

                    <h:outputLabel value="#{i18n['cobranza.fecha.vencimiento']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.fechaVencimiento}" styleClass="general">
                        <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/>
                    </h:outputText>

                    <h:outputLabel value="#{i18n['cobranza.dias.mora']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.diasMora}" styleClass="general"/>

                    <h:outputLabel value="#{i18n['cobranza.cuotas.vencidas']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.cuotasVencidas}" styleClass="general"/>

                    <h:outputLabel value="#{i18n['cobranza.moneda']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.moneda}" styleClass="general"/>

                    <h:outputLabel value="#{i18n['cobranza.monto.cuota']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.montoCuota}" styleClass="general">
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </h:outputText>

                    <h:outputLabel value="#{i18n['cobranza.capital.deuda']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.capitalDeuda}" styleClass="general">
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </h:outputText>

                    <h:outputLabel value="#{i18n['cobranza.pago.minimo']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.montoMinimo}" styleClass="general">
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </h:outputText>

                    <h:outputLabel value="#{i18n['cobranza.monto.total']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.montoTotal}" styleClass="general">
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </h:outputText>

                    <h:outputLabel value="#{i18n['cobranza.intereses']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.intereses}" styleClass="general">
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </h:outputText>

                    <h:outputLabel value="#{i18n['cobranza.descuento']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.descuento}" styleClass="general">
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </h:outputText>

                    <h:outputLabel value="#{i18n['general.label.estado']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.estadoDeudaDto.descripcion}" styleClass="general"/>

                    <h:outputLabel value="#{i18n['cobranza.monto']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.montoTotal}" styleClass="general">
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </h:outputText>

                    <h:outputLabel value="#{i18n['cobranza.cuotas.vencer']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.dtoPopup.cuotasPorVencer}" styleClass="general"/>

                    <h:outputLabel value="#{i18n['cobranza.estado.deuda']}" styleClass="label"/>
                    <p:selectOneMenu value="#{cobranzaMBean.detaDeudaDto.estado}" styleClass="general"  converter="parametroConvert"    >
                        <f:selectItems value="#{cobranzaMBean.siEstadoDeuda}" var="paramDto"  itemLabel="#{paramDto.descripcion}" itemValue="#{paramDto}" />                        
                    </p:selectOneMenu>
                </h:panelGrid>

                <p:commandButton title="#{i18n['cobranza.ver.pagos']}" ajax="true"
                                 icon="ui-icon ui-icon-disk" rendered="#{cobranzaMBean.dtoPopup.listaPagos != null &amp;&amp; cobranzaMBean.dtoPopup.listaPagos.size()>0}"
                                 style="#{applicationMBean.estilosBtnPagar}"
                                 value="#{i18n['cobranza.ver.pagos']}"
                                 update=":frmGestionCobranza,:frmListaPagos"
                                 oncomplete="carDialogListaPagos.show()"
                                 action="#{cobranzaMBean.verPago}">
                    <f:setPropertyActionListener value="#{cobranzaMBean.dtoPopup.listaPagos}" target="#{cobranzaMBean.listaPagos}"/>
                </p:commandButton>

            </h:panelGrid>

            <h:panelGrid id="pgAcciones" rendered="#{cobranzaMBean.mostrarFrmAccion}"  >
                <h:outputLabel value="#{i18n['cobranza.frm.nueva.accion']}" styleClass="subTitulo"/>
                <p:separator />

                <h:panelGrid id="pgAccionesChild" columns="6" cellpadding="2">
                    <h:outputLabel  styleClass="label" value="#{i18n['cobranza.parentezco.contacto']}"/>
                    <p:selectOneMenu   value="#{cobranzaMBean.comunicacionDto.parentezcoContactoDto}"  converter="parametroConvert"                               
                                       style="#{applicationMBean.estiloObligatorio}" >
                        <f:selectItems value="#{cobranzaMBean.listaParentezco}" var="paramDto"  itemLabel="#{paramDto.descripcion}" itemValue="#{paramDto}" />                        
                    </p:selectOneMenu>
                    
                    <h:outputLabel value="#{i18n['cobranza.telefono']}" styleClass="label"/>
                    <h:outputText value="#{cobranzaMBean.comunicacionDto.telefono}" styleClass="general"  />

                    <h:outputLabel value="#{i18n['cobranza.contacto']}" styleClass="label"/>
                    <p:inputText   label="#{i18n['cobranza.contacto']}"
                                   value="#{cobranzaMBean.comunicacionDto.contacto}"
                                   size="60" styleClass="txtCampo">
                        <f:validateLength maximum="100" />
                    </p:inputText>

                    <h:outputLabel value="#{i18n['cobranza.efecto']}" styleClass="label"/>
                    <p:selectOneMenu   value="#{cobranzaMBean.comunicacionDto.efectoDto}"  converter="parametroConvert"                               
                                       style="#{applicationMBean.estiloObligatorio}" required="true"  >
                        <f:selectItems value="#{cobranzaMBean.listaEfecto}" var="paramDto"  itemLabel="#{paramDto.descripcion}" itemValue="#{paramDto}" />                        
                        <p:ajax update=":frmGestionCobranza" listener="#{cobranzaMBean.actualizarCampos}" />
                    </p:selectOneMenu>
<h:outputLabel id="otFechaCompromiso" rendered="#{cobranzaMBean.comunicacionDto.efectoDto.id == 801}" value="#{i18n['cobranza.fecha.compromiso']}" styleClass="label"/>   
                    <p:calendar id="cFechaCompromiso" rendered="#{cobranzaMBean.comunicacionDto.efectoDto.id == 801}" value="#{cobranzaMBean.comunicacionDto.fechaCompromiso}" label="#{i18n['cobranza.fecha.compromiso']}" pattern="#{applicationMBean.formatoFecha}" style="#{applicationMBean.estilo}" size="10"  required="true"/>

                    <h:outputLabel id="olMontoCompromiso" rendered="#{cobranzaMBean.comunicacionDto.efectoDto.id == 801}" value="#{i18n['cobranza.monto.compromiso']}" styleClass="label"/>   
                    <p:inputText  id="itMontoCompromiso" rendered="#{cobranzaMBean.comunicacionDto.efectoDto.id == 801}" value="#{cobranzaMBean.comunicacionDto.montoCompromiso}" style="#{applicationMBean.estilo}" size="10" required="true" label="#{cobranza.monto.compromiso}">
                        <f:validateLength minimum="1" maximum="9"/>
                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                    </p:inputText>
                    <h:outputLabel value="#{i18n['cobranza.comentarios']}" styleClass="label"/>
                    <p:inputTextarea id="iTaComentarios" label="#{i18n['cobranza.comentarios']}"  
                                     value="#{cobranzaMBean.comunicacionDto.comentarios}" 
                                     onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}" required="true"
                                     rows="3" cols="50" >
                        <f:validateLength maximum="1000" minimum="3" />
                    </p:inputTextarea>

                    <p:commandButton title="#{i18n['cobranza.grabar']}" icon="ui-icon ui-icon-disk" 
                                     style="#{applicationMBean.estilosBtnGuardar}"
                                     value="#{i18n['cobranza.grabar']}" update=":frmGestionCobranza" 
                                     actionListener="#{cobranzaMBean.guardarComunicacion}" >
                    </p:commandButton>
                    <p:commandButton title="#{i18n['cobranza.cancelar']}"
                                     update=":frmGestionCobranza" immediate="true"
                                     icon="ui-icon ui-icon-arrowreturnthick-1-w"  
                                     style="#{applicationMBean.estilosBtnRetroceder}"
                                     value="#{i18n['cobranza.cancelar']}"
                                     actionListener="#{cobranzaMBean.cancelar}">
                    </p:commandButton>
                </h:panelGrid>
            </h:panelGrid>


            <p:panel id="pnlComunicaciones" header="#{i18n['cobranza.acciones.realizadas']}" style="#{applicationMBean.estiloTitulo}" rendered="#{cobranzaMBean.dtoPopup.isDisplayed == null or cobranzaMBean.dtoPopup.isDisplayed == true}" >
                <p:commandButton id="idRefresLista"  title="#{i18n['general.button.refrescar']}" value="#{i18n['general.button.refrescar']}"  label="#{i18n['general.button.refrescar']}" 
                                 ajax="true"  style="#{applicationMBean.estilosBtnRetroceder}"
                                 update=":frmGestionCobranza"
                                 action="#{cobranzaMBean.refreshComunicacion()}">
                </p:commandButton>  
                <p:separator />
                <p:dataTable id="tblComunicaciones" value="#{cobranzaMBean.listaComunicacion}" var="dtoAccion"  
                             rowKey="#{dtoAccion.id}" styleClass="estiloPanel" rows="3" paginator="true" paginatorPosition="top">
                    <p:column style="text-align:center;">
                        <h:panelGrid columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                            <p:column style="text-align:center;">
                                <p:commandButton icon="ui-icon  ui-icon-close" title="#{i18n['general.button.eliminar']}"  disabled="true"
                                                 update=":frmGestionCobranza"
                                                 action="#{cobranzaMBean.eliminarAccion}">
                                    <f:setPropertyActionListener value="#{dtoAccion}" target="#{cobranzaMBean.dtoComunica}" /> 
                                </p:commandButton>                            

                            </p:column>
                            <p:column style="text-align:center;">
                                <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}"
                                                 action="#{cobranzaMBean.editarAccion}" disabled="true"
                                                 oncomplete="carDialogAccion.show()"
                                                 update=":frmAccion">
                                    <f:setPropertyActionListener value="#{dtoAccion}" target="#{cobranzaMBean.dtoComunica}"/>
                                </p:commandButton>
                            </p:column>
                        </h:panelGrid>
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.fecha.hora']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.fechaHora}" styleClass="general">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputText>                        
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.usuario']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.usuarioDto.descripcion}" styleClass="general"/>
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.parentezco.contacto']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.parentezcoContactoDto.descripcion}" styleClass="general"/>
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.contacto']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.contacto}" styleClass="general"/>
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.telefono']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.telefono}" styleClass="general"/>
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.efecto']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.efectoDto.descripcion}" styleClass="general"/>
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.fecha.compromiso']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.fechaCompromiso}" styleClass="general">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputText>
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.monto.compromiso']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.montoCompromiso}" styleClass="general">
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                        </h:outputText>
                    </p:column>
                    <p:column headerText="#{i18n['cobranza.comentarios']}" styleClass="general">
                        <h:outputText value="#{dtoAccion.comentarios}" styleClass="general"/>
                    </p:column>
                </p:dataTable>
            </p:panel>
        </p:panel>
    </h:form>
</html>